<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<!--引入Bootstrap的外部CSS文件-->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<!--引入jquery.js文件-->
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<!--引入bootstrap.js文件-->
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<style type="text/css">
			.top{
				margin-top: -21px;
				
			}
			.wei ul li {
				float: left;
				list-style: none;
				
			}
			.wei ul li a {
				text-decoration: none;
			}
		</style>
		
	</head>
	<body>
		
		<nav class="navbar ">
		  <div class="container-fluid navbar-inverse">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#"><img src="img/智能家居.png" width="30px" height="25px" ></a>
		    </div>
		
		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li class=""><a href="zhuye.html">首页 <span class="sr-only">(current)</span></a></li>
		        <li class="dropdown">
		          <a href="chanpin.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">产品中心 <span class="caret"></span></a>
		          <ul class="dropdown-menu">
		            <li><a href="chanpin.html#kaiguan">超级智能开关</a></li>
		            <li><a href="chanpin.html#mensuo">智能门锁</a></li>
		            <li><a href="chanpin.html#zhaoming">智能照明</a></li>
		            <li><a href="chanpin.html#chuanglian">智能窗帘</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="">安防传感器</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="#">家电应用</a></li>
		            <li><a href="#">智能社区</a></li>
		          </ul>
		        </li>
		        
		        <li><a href="liuyanban.html">留言板</a></li>
		        <li><a href="guanyuwomen.html">关于我们</a></li>
		      </ul>
		      <ul class="nav navbar-nav navbar-right">
		        <li><a href="登录.html">登录</a></li>
		        <li><a href="注册.html">注册</a></li>    
		      </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		
		
		<div id="carousel-example-generic" class="carousel slide top" data-ride="carousel">
		  <!-- Indicators -->
		  <ol class="carousel-indicators">
		    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
		  </ol>
		  <!-- Wrapper for slides -->
		  <div class="carousel-inner" role="listbox">
		    <div class="item active">
		      <img src="img/lunbo1.jpg" alt="...">
		      <div class="carousel-caption">
		        ...
		      </div>
		    </div>
		    <div class="item">
		      <img src="img/lunbo2.jpg" alt="...">
		      <div class="carousel-caption">
		        ...
		      </div>
		    </div>
		    <div class="item">
		      <img src="img/lunbo3.png" alt="...">
		      <div class="carousel-caption">
		        ...
		      </div>
		    </div>
		 
		  <!-- Controls -->
		  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
		    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		    <span class="sr-only">Previous</span>
		  </a>
		  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
		    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		    <span class="sr-only">Next</span>
		  </a>
		</div>
		</div>
		<div class="container">
			<h2 align="center">开启智能家居5.0时代</h2>
		<h3 align="center" style="color: gray;">引领智能家居5.0时代</h3>		
		</div>
		
		<div class="jumbotron" style="margin-top: -30px;">
			<img src="img/banner-1a26d95a6d.png" width="100%" height="90%" />
		  <h4 align="center">H全宅智能体验店</h4>
          <h6 align="center">营业时间：10:00-18:00（周一至周日），欢迎提前预约。</h6>
		  
		</div>
		
		<div class="container-fluid" style=" border:1px solid black;background-color:black ;">
			<div class="row">
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">推荐产品</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">关于我们</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">商务合作</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">服务支持</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">购买渠道</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">新闻中心</a></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				</div>
				<div class="row ">
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="chanpin.html#kaiguan" style="color:gray;">超级智能开关</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">公司简介</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">经销代理</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">智能定制</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">官方商城</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">新闻</a></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				</div>
				<div class="row ">
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="chanpin.html#zhaoming" style="color:gray;">智能照明</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">公司文化</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">地产项目</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">精选案例</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">天猫旗舰店</a></div>				 
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">发布会</a></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				</div>
		
						
				<h6 align="center" style="color: white;">hjs@2021AllRights Reseived </h6>
				<h6 align="center" style="color: white;">联系方式：qq：2822054909 邮箱：2822054909@qq.com</h6> 
		</div>
	</body>
</html>
